<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./style/style.css" />
    <script defer src="./index.js"></script>
    <title>RSA算法实现</title>
</head>

<body>
    <div class="container">
        <div class="Box">
            <div>
                <div>
                    <label for="p">p：</label>
                    <input type="text" id="p" />
                </div>
                <div>
                    <label for="q">q：</label>
                    <input type="text" id="q" />
                </div>
            </div>
            <p>p和q都是实数，且p≠q！</p>
            <div>
                <label for="e">e：</label>
                <input type="text" id="e" />
            </div>
            <p>选择e使其与Q(n)互素且小于Q(n)！</p>
            <div>
                <label for="M">明文M：</label>
                <input type="text" id="M" />
            </div>
            <div>
                <div>
                    <span>n：</span>
                    <span id="n"></span>
                </div>
                <div>
                    <span>Q(n)：</span>
                    <span id="Q"></span>
                </div>
            </div>
            <div>
                <div>
                    <span>公钥PU：</span>
                    <span class="gongyao"></span>
                </div>
                <div>
                    <span>私钥PR：</span>
                    <span class="siyao"></span>
                </div>
            </div>
            <div>
                <span>密文C：</span>
                <span class="miwen"></span>
            </div>
            <button class="jiami">加密</button>
        </div>
        <div class="center">
            <div>
                <span>密文C：</span>
                <span class="miwen"></span>
            </div>
        </div>
        <div class="Alice">
            <div>
                <label for="inpmiwen"> 密文： </label>
                <input type="text" id="inpmiwen" />
            </div>
            <div>
                <label for="inpmiwen">n：</label>
                <input type="text" id="inpnnn" />
            </div>
            <div>
                <label for="miyao">d：</label>
                <input type="text" id="miyao" />
            </div>
            <div>
                <span>明文M：</span>
                <span class="jiemingwen"></span>
            </div>
            <button class="jiemi">解密</button>
        </div>
    </div>
</body>

</html>